<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>小米6立即购买-小米商城</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/iconfont.css">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="stylus/detail.css">
</head>
<body>

<header id="header">
  <div class="center">
    <ul class="fl">
      <li><a href="javascript:;">小米商城</a></li>
      <li><a href="javascript:;">MIUI</a></li>
      <li><a href="javascript:;">米聊</a></li>
      <li><a href="javascript:;">游戏</a></li>
      <li><a href="javascript:;">多看阅读</a></li>
      <li><a href="javascript:;">云服务</a></li>
      <li><a href="javascript:;">金融</a></li>
      <li><a href="javascript:;">小米商城移动版</a></li>
      <li><a href="javascript:;">问题反馈</a></li>
      <li><a href="javascript:;">Select Region</a></li>
    </ul>
    <div class="fr">
      <div class="user">
        <ul class="selector">
          <li>
            <a href="javascript:;">
              个人中心
            </a>
          </li>
          <li>
            <a href="javascript:;">
              我的订单
            </a>
          </li>
          <li>
            <a href="javascript:;">
              账号设置
            </a>
          </li>
          <li>
            <a href="javascript:;" class="goHome">
              退出登录
            </a>
          </li>
        </ul>
        <a href="javascript:;" class="username">
          请登录
          <i class="iconfont">&#xe616;</i>
        </a>
      </div>
      <ul>
        <li><a href="">登录</a></li>
        <li><a href="">注册</a></li>
      </ul>
      <div class="shopcart">
        <i class="iconfont icon-cart"></i>
        购物车(3)
      </div>
    </div>
  </div>
</header>

<div id="detail">
  <nav id="nav">
    <div class="banner_x center">
      <a href="javascript:;" class="logo"><h1>小米官网</h1></a>
      <a href="javascript:;" class="gif"></a>
      <ul class="list">
        <li><a href="javascript:;">秒杀</a></li>
        <li><a href="javascript:;">优惠券</a></li>
        <li><a href="javascript:;">闪购</a></li>
        <li><a href="javascript:;">拍卖</a></li>
        <li><a href="javascript:;">小米服饰</a></li>
        <li><a href="javascript:;">小米超市</a></li>
        <li><a href="javascript:;">生鲜</a></li>
        <li><a href="javascript:;">全球购</a></li>
        <li><a href="javascript:;">京东金融</a></li>
      </ul>
      <div class="fr">
        <div class="search">
          <input class="text" type="text">
          <div class="search_hot">
            <a href="javascript:;">小米8</a>
            <a href="javascript:;">小米MIX 2S</a>
          </div>
          <ul class="keyword_list">
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <span>小米6</span>
                <span class="result">约有6件</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="button iconfont icon-search"></div>
      </div>
    </div>
  </nav>

  <div class="xiangqing">
    <div class="neirong w">
      <div class="xiaomi6 fl">小米6</div>
      <nav class="fr">
        <li><a href="">概述</a></li>
        <li>|</li>
        <li><a href="">变焦双摄</a></li>
        <li>|</li>
        <li><a href="">设计</a></li>
        <li>|</li>
        <li><a href="">参数</a></li>
        <li>|</li>
        <li><a href="">F码通道</a></li>
        <li>|</li>
        <li><a href="">用户评价</a></li>
        <div class="clear"></div>
      </nav>
      <div class="clear"></div>
    </div>
  </div>

  <div class="jieshao mt20 w clearfix">
    <!-- <div class="left fl" style="position: relative;">
      <div class="hiddenbox">
      </div>
      <img src="./image/detail/xiaomi6_small.jpg">
      <div class="smallbox"></div>
      <div class="bigbox">
        <img class="bimg" src="./image/detail/xiaomi6_big.jpg">
      </div>
      <div class="swiper-container swiper-container-horizontal">
        <div class="swiper-wrapper">
          <div class="swiper-slide active">
            <img src="./image/detail/liebiao_xiaomi6.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./image/detail/liebiao_xiaomi6.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./image/detail/liebiao_xiaomi6.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./image/detail/liebiao_xiaomi6.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./image/detail/liebiao_xiaomi6.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./image/detail/liebiao_xiaomi6.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./image/detail/liebiao_xiaomi6.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./image/detail/liebiao_xiaomi6.jpg" alt="">
          </div>
        </div>
         <div class="swiper-button-next" style="background-color:#fff;height:100%"></div>
        <div class="swiper-button-prev swiper-button-disabled" style="background-color:#fff;height:100%"></div>
      </div>
    </div>
    <div class="right fr">
      <div class="h3 ml20 mt20">小米6</div>
      <div class="jianjie mr40 ml20 mt10">变焦双摄，4 轴防抖 / 骁龙835 旗舰处理器，6GB 大内存，最大可选128GB 闪存 / 5.15" 护眼屏 / 四曲面玻璃/陶瓷机身</div>
      <div class="jiage ml20 mt10">2499.00元</div>
      <div class="ft20 ml20 mt20">选择版本</div>
      <div class="xzbb ml20 mt10">
        <div class="banben fl">
          <a>
            <span>全网通版 6GB+64GB </span>
            <span>2499元</span>
          </a>
        </div>
        <div class="banben fr">
          <a>
            <span>全网通版 6GB+128GB</span>
            <span>2899元</span>
          </a>
        </div>
        <div class="banben fl">
          <a>
            <span>联通版 6GB+64GB </span>
            <span>2299元</span>
          </a>
        </div>
        <div class="banben fl">
          <a>
            <span>移动版 6GB+64GB </span>
            <span>2199元</span>
          </a>
        </div>
        <div class="clear"></div>
      </div>
      <div class="ft20 ml20 mt20">选择颜色</div>
      <div class="xzbb ml20 mt10">
        <div class="banben">
          <a>
            <span class="yuandian"></span>
            <span class="yanse">亮黑色</span>
          </a>
        </div>

      </div>
      <div class="xqxq mt20 ml20">
        <div class="top1 mt10">
          <div class="left1 fl">小米6 全网通版 6GB内存 64GB 亮黑色</div>
          <div class="right1 fr">2499.00元</div>
          <div class="clear"></div>
        </div>
        <div class="bot mt20 ft20 ftbc">总计：2499元</div>
      </div>
      <div class="xiadan ml20 mt20">
        <input class="jrgwc" type="button" name="jrgwc" value="立即选购"/>
        <input class="jrgwc" type="button" name="jrgwc" value="加入购物车"/>

      </div> -->
    </div> 
    <div class="clear"></div>
  </div>
</div>

<footer id="footer">
  <p>谷粒商城|GULI|米聊|多看书城|谷粒路由器|视频电话|谷粒天猫店|谷粒淘宝直营店|谷粒网盟|谷粒移动|隐私政策|Select Region</p>
  <p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
  <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
</footer>
<!-- <script src="./js/loupe.js"></script> -->

  <script src="./js/axios.min.js"></script>
<script src="./lib/jquery-2.2.4.js"></script>
<script src="./lib/layer/layer.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/detail.js"></script>
<!-- <script src="js/index.js"></script> -->

  <!-- new Swiper('.swiper-container', {
    slidesPerView: 5,
    centeredSlides: false,
    spaceBetween: 30,
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  }); -->

</script>
</body>
</html>